@import "../css/var.less";
@import "../css/public.less";
.main-mains{
    font-size: 14px;
    color: #666666;
    .main-mains-top{
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        span{
            &:nth-child(1){
               font-weight: bold;
               color: #202020; 
            }
            &:nth-child(2){
                color: #009ea3;
            }
        }
        span.active{
            font-weight: normal;
            color: #009ea3;
        }
    }
    ul,li{
        list-style:outside ;
    }
    .main-top-nav{
        ul,li{
            list-style:none ;
        }
    }
    ul{
        margin-bottom: 20px;
    }
    .main-mains-main1{
        background: #fff;
        margin-bottom: 20px;
        .main-mains1{
            a{
                color: #202020;
                &:hover{
                    color: #009ea3;
                }
            }
            .w33{
                width: 33%;
                padding-left: 40px;
                padding-right: 20px;
            }
            .w50{
                width: 50%;
                padding-left: 40px;
                padding-right: 20px;
                height: 220px;
                &:nth-child(1){
                    border-right: 10px solid #f9f9f9;
                }
                &:nth-child(2){
                    border-left: 10px solid #f9f9f9;
                }
                .main-mains-top{
                   padding-left: 0px;
                   padding-right: 0px;
                }
            }
        }
        &:nth-child(1){
            ul{
                li{
                    padding-right: 20%;
                }
            }
        }
    }
    .main-mains-txt{
        line-height: 32px;
    }
    .relationsList-table{
        background: #fff;
        padding:20px;
        table{
            th,td{
                text-align: center;
            }
            th{
                height: 40px;
                line-height: 40px;
                background: #f2f2f2;
            }
            td{
                height: 60px;
                line-height: 60px;
                img{
                    width: 70px;
                    height: 40px;
                }
                a{
                    color: #666;
                    &:hover{
                        color: #009ea3;
                    }
                }
            }
            .active{
                background: #f8f8f8;
            }
        }
    }
    .relationsDetailMain{
        padding: 0 20px 20px 20px;
        background-color: #fff;
        h1{
            font-size: 18px;
            text-align: center;
        }
        .releaseMsg{
            font-size: 12px;
            color: #888;
            text-align: center;
            line-height: 30px;
        }
        .articleContent{
            color: #666;
            line-height: 36px;
            font-size:14px;
            margin-top: 20px;
        }
    }
}